<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<!--vue的-->
		<script type="text/javascript" src="../../layuiadmin/js/case/vue.js"></script>
		<script type="text/javascript" src="../../layuiadmin/js/case/vue-resource.js"></script>
		
		<!--导入 饿了么 ui 的核心-->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<script>Vue.config.productionTip=false</script>
		
		<style>
			body{
				background: #FFFFFF;
			}
		</style>
		
	</head>
	<body>
		
		<div id="xuanz">
			
			<!--案件父类型-->
			<!--
				column-count 每行显示
			-->
			<div style="width:1200px;margin-top: 30px;column-count: 4;">
				<div style="margin-bottom: 20px;" v-for="type in parentList" :key="type.caseTypeid">
					<el-button style='width:130px;' @click='query_children(type.caseTypeid)' type='info' plain>{{type.typeName}}</el-button>
				</div>
			</div>
			
			<hr style="margin: 30px;"/>
			
			<!--案件子类型-->
			<div style="width:1200px; column-count: 4;">
				<div style="margin-bottom: 20px;" v-for="children in childrenList" :key="children.caseTypeid">
					<el-button style='width:150px;' @click="next_add(children.caseTypeid,children.typeName)" plain>{{children.typeName}}</el-button>
				</div>
			</div>
			
			<hr style=" border:0px;margin: 40px;" />
			
		</div>
		
		<script type="text/javascript" src="../../layuiadmin/js/case/add01.js"></script>
	</body>
</html>
